//详情页

// 获取文章id
let str2 = location.href
let cc = str2.split("=")
let id = cc[1]
console.log(id);
// 根据文章id查询文章的评论信息
// 显示评论列表
function loadDiscuss() {
    $.ajax({
        url: 'http://localhost:8888/api/articles/' + id + '/comments',
        success: function (res) {
            if (res.status === 0) {
                let sz = []
                res.data.forEach((item) => {
                    sz.push(`
                <div class="kr_comment_card">
                  <div class="img-wrap">
                    <img src="./uploads/avatar_3.jpg" alt="">
                  </div>
                  <div class="info">
                    <p>${item.uname} · <span>2020-08-16</span></p>
                    <p>${item.content}</p>
                  </div>
                  <a href="javascript:;" class="like">${item.count}</a>
                </div>
              `)
                })

                $('.pnglun').html(sz.join(''))//添加到父元素
            }
        }
    })
}

loadDiscuss()

let layer = layui.layer

// 发表评论
$('#discuss-form').submit(function (e) {
    let fd = $(this).serialize()//序列化表单内容为字符串
    e.preventDefault()
    $.ajax({
        data: fd,
        type: "post",
        url: 'http://localhost:8888/api/articles/' + id + '/comments',
        success: function (res) {
            if (res.status === 0) {
                // 发表评论成功 
                layer.msg(res.message)
                $('#discuss-form').get(0).reset()//重置
                loadDiscuss()
            }
        }
    })
})
